<template>
    <div>
      <form action="/">
        <van-search
          v-model="value"
          show-action
          placeholder="请输入搜索关键词"
          @search="onSearch"
          @cancel="onCancel"
        />
      </form>
    </div>
  </template>
  
  <script setup>
  import { ref } from 'vue';
  import { showToast } from 'vant';
  
  const value = ref('');
  const onSearch = (val) => showToast(val);
  const onCancel = () => showToast('取消');
  </script>
  
  <style scoped>
  </style>